/* ============================== DEFAULT HTML ============================== */
@font-face {
	font-family: "edelsans";
	src: url("../fonts/edelsans_regular.eot"); /* IE9 Compat Modes */
	src: url("../fonts/edelsans_regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	     url("../fonts/edelsans_regular.woff") format('woff'), /* Modern Browsers */
	     url("../fonts/edelsans_regular.ttf")  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/edelsans_regular.svg#edelsans_regular') format('svg'); /* Legacy iOS */
}
html, body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
body {
	font-size: 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
hr {
	border-left: none;
	border-right: none;
    border-top: 1px solid #E5E5E5;
    color: #F4F4F4;
    margin: 20px 0;
    padding: 0;
}
form input[type="text"] {
	min-width: 210px;
	padding: 5px;
	font-size: 12px;	
}
form button {
	border: none;
	height: 30px;
	padding: 0 10px;
	color: #797979;
	cursor: pointer;
	font-size: 12px;
	margin-left: 5px;
	background-color: #fff;	
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;	
	-webkit-box-shadow: 0 3px 2px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	   -moz-box-shadow: 0 2px 2px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;	
			box-shadow: 0 2px 2px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;	
}
form.formStyle > div {
	margin-bottom: 15px;
}
form.formStyle label {
	display: block;
	color: #A6A6A6;
	font-style: italic;
	margin-bottom: 5px;
	font-size: 14px;
}
form.formStyle input[type="text"],
form.formStyle input[type="password"],
form.formStyle textarea {
	width: 260px;
	padding: 8px;
	background: #ECECEE;
	border: 1px solid #DEDEDE;
	font-size: 13px;
	color: #070707;
}
form.formStyle .keyword input {
	width: 584px;
}
form.formStyle select {
	width: 275px;
	padding: 8px;
	border: 1px solid #DEDEDE;
}
form.formStyle select option {
	margin-bottom: 5px;
	font-size: 13px;
}
form.formStyle textarea {
	min-width: 584px;
	height: 250px;
}
form.formStyle .note {
	margin-top: 5px;
	color: #666;
}
form.formStyle button {
	border: 1px solid #ddd;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}
form.formStyle .error input {
	border: 1px solid #f55555;
}
form.formStyle .error label {
	color: #f55555;
}
form.formStyle .errorMessage {
	display: none;
}
form.formStyle .error .errorMessage {
	color: #f55555;
	margin-top: 5px;
	display: block;
}
/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
	text-decoration: none;
	outline: none;
	color: #21759B;
}
a:hover {
	color: #d54e21;
}
a:active {
	text-decoration: none;
}
a img {
	border: none;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #262626;
}
/* =============== DEFAULT HTML - LIST STYLES =============== */
ul, ul li,
ol, ol li,
p, form, input {
	margin: 0;
	padding: 0;
}
ul, ul li {
	list-style: none;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
	border: none;
}
img.image-border {
    border: 1px solid #D2D2D2;
    padding: 3px;
}
img.image-left {
	float: left;
	margin-right: 5px;
}
img.img-full-width {
	width: 100%;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.clearbreak {
	clear: both;
}
.content-center {
	text-align: center;
}
.content-right {
	text-align: right;
}
.hide {
	text-indent: -9999em;
	display: block;
	line-height: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
#master {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.title {
	color: #000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 23px;
    font-style: italic;
    border-bottom: 1px solid #D1D1D1;
    margin: 5px 0 20px;
}
aside .title {
	font-size: 18px;
	margin-bottom: 10px;
}
.tagListing {
	color: #21759B;
}
aside .tagListing a {
    background: #21759B;
    color: #fff;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 3px 5px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
aside .tagListing a:hover {
	background: #4296BC;
}
/* =============== LAYOUT - HEADER AREA =============== */
header {
	margin: 20px 0;
}
header #logo img {
	height: 40px;
}
header .headerTop {
	font-family: "edelsans";
	margin-bottom: 10px;
}
header .headerTop .loginArea a {
	float: left;
	font-size: 15px;
	margin-left: 5px;
	padding: 10px;
	line-height: 100%;
	background: #21759B;
	color: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
header .headerTop .loginArea a.google-login {
	border-bottom: 1px solid #CCCCCC;
	padding: 0;
	margin-top: 0;
	background: none;
	border: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
}
/* =============== LAYOUT - CONTENT AREA =============== */
#rightSide {
	width: 300px;
}
#content {
	margin-top: 20px;
}
#mainContent {
	width: 600px;
}
article {
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
article .articleTitle {
	font-family: "edelsans",Arial,Helvetica,sans-serif;
    line-height: 1.2em;
    font-size: 26px;
}
article .articleTitle a {
	color: #262626;
}
article .articleTitle a:hover {
	color: #21759B;
}
article .articleMeta {
	margin: 5px 0 10px;
	color: #A6A6A6;
	font-size: 14px;	
	font-style: italic;	
}
article .articleCat {
	display: inline-block;
	padding-left: 24px;
	line-height: 22px;
	text-transform: uppercase;
	font-style: normal;	
	font-size: 11px;
	font-family: "edelsans",Arial,Helvetica,sans-serif;
	background: url(../images/icon-category.png) no-repeat left top;
}
article .entry {
	margin-bottom: 20px;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
}
article .readMore {
	color: #3B3B3B;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    padding-left: 18px;
	text-transform: uppercase;
	background: url(../images/icon_plus.gif) left top no-repeat;
}
article .edit {
	display: inline-block;
	line-height: 20px;
	padding-left: 25px;
	font-style: italic;
	font-size: 14px;
	background: url(../images/icon-edit1.png) left top no-repeat;
}

.articleListing li .articleMeta {
	margin-top: 5px;
	font-size: 13px;
	font-style: italic;
	color: #999;
}
aside > div {
	margin-bottom: 20px;
}
aside .articleListing li {
	padding: 10px;
}
aside .articleListing li:nth-child(even) {
	background: #F0F0F0;
}
aside .articleListing li .articleTitle {
	color: #262626;
}
aside .articleListing li .articleTitle:hover {
	text-decoration: underline;
}
aside .categoryListing {
	font-size: 13px;
}
aside .categoryListing li {
	padding: 2px 0;
}
aside .categoryListing li a {
	color: #666;
	display: block;
	padding-left: 13px;
	background: url(../images/icon-plus.png) left center no-repeat;
}
aside .categoryListing li a:hover {
	color: #D54E21;
}
.otherArticles .articleListing li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #F1F1F1;
}
.authorArticles .articleListing li {
	padding-left: 15px;
	margin-bottom: 10px;
	background: url(../images/arrow.png) left center no-repeat;
}
/* =============== LAYOUT - FOOTER AREA =============== */
footer {
	border-top: 4px solid #3E3E3E;
    margin-top: 20px;
    padding: 20px 0;
}
/* ============================== MAIN MENU ============================== */
#mainMenu {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	background: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#2F2F2F));
	background-image: -webkit-linear-gradient(top, #000, #2F2F2F);
	background-image: -moz-linear-gradient(top, #000, #2F2F2F);
	background-image: -ms-linear-gradient(top, #000, #2F2F2F);
	background-image: -o-linear-gradient(top, #000, #2F2F2F);
	background-image: linear-gradient(top, #000, #2F2F2F);
}
#mainMenu ul li {
	float: left;
	font-size: 12px;
	font-family: "edelsans",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	border-right: 1px solid #3A3A3A;
}
#mainMenu ul li a {
	display: block;
	padding: 20px 25px 14px;
	color: #fff;
	line-height: 100%;
	border-right: 1px solid #000;
}
#mainMenu ul li.active a,
#mainMenu ul li a:hover {
	color: #FFFF00;
}
#mainMenu ul li:last-child,
#mainMenu ul li:last-child a {
	border-right: none;
}
#mainMenu ul li#language {
	float: right;
	margin: 12px 10px 0 0;
}
#mainMenu ul li#language select {
	padding: 2px;
}
/* ============================== BOX STYLE ============================== */
.solidBox {
	border: 1px solid #DCDCDC;
}
.solidBox .title {
	background: #E9E9E9;
	padding: 10px;
	margin: 0;
}
/* ============================== ADV ============================== */
div[class*="adv-"] {
	width: 300px;
	height: 250px;
}
.adv-1 {
	float: right;
	margin: 10px 0 10px 10px;
	clear: left;
}

.adv {
	margin-bottom: 10px;
}

.adv-2 {
	float: left;
	margin: 10px 10px 10px 0;
}
/* ============================== PAGINATION ============================== */
ul.pagination {
	text-align: right;
	margin: 15px 0;
}
ul.pagination li {
	display: inline;
	margin-left: 2px;
}
ul.pagination li a,
ul.pagination li span {
    background: #2F2F2F;    
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 10px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
ul.pagination li a:hover,
ul.pagination li.current span {
	color: #ffff00;
}
/* ============================================================ SUBPAGE ============================================================ */
/* ============================== DETAIL PAGE ============================== */
#detailPage section {
	margin-bottom: 20px;
}
#detailPage article {
	padding: 0;
}
#detailPage article .articleMeta {
	padding-bottom: 10px;
	border-bottom: 1px solid #DCDCDC;
}
#detailPage article .rating {
	margin-top: 5px;
}
#detailPage article .entry p {
	margin-bottom: 10px;
}
#detailPage .authorInfo {
	padding-bottom: 20px;
	border-bottom: 1px solid #DCDCDC;
}
#detailPage .authorInfo .authorAvatar {
	margin-right: 10px;
	width: 120px;
}
/* ============================== ARTICLE REWRITE PAGE ============================== */
#articleRewritePage form button {
	margin-bottom: 15px;
}
#articleRewritePage .intro {
	margin-bottom: 20px;
	color: #21759B;
	font-size: 14px;
	font-style: italic;
}
/* ============================== AUTHOR LISTING PAGE ============================== */
#authorListingPage .authorListing li {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
#authorListingPage .authorListing li img {
	margin-right: 10px;
	width: 50px;
	padding: 3px;
	border: 1px solid #ddd;
	opacity: 0.7;
}
#authorListingPage .authorListing li:hover img {
	opacity: 1;
}
#authorListingPage .authorListing li .authorName {
	font-style: italic;
	line-height: 55px;
}
/* ============================== AUTHOR INFO PAGE ============================== */
#authorInfoPage .authorInfo {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #D1D1D1;
}
#authorInfoPage .authorInfo p {
	margin: 5px 0;
	font-style: italic;
	font-size: 14px;
	color: #21759B;
}
#authorInfoPage .authorInfo > .left {
	width: 120px;
	margin-right: 10px;
}
#authorInfoPage .authorInfo > .right {
	width: 470px;
}
/* ============================== EDIT PROFILE PAGE ============================== */
#editProfilePage .authorAvatar {
	width: 120px;
	margin-right: 10px;
}
/* ============================== AUTHOR ARTICLE PAGE ============================== */
#authorArticlePage article .articleTitle {
	font-size: 18px;
}
/* ============================== ARCHIVES PAGE ============================== */
.dateArchives span {
	font-size: 20px;
}
.dateArchives ul {
	float: left;
	width: 50%;	
}
.dateArchives ul li {
	font-size: 14px;
	padding: 3px 0;
}
/* ============================== ERROR PAGE ============================== */
#errorPage p {
	font-style: italic;
	font-size: 15px;
	color: #21759B;
}
/* ============================== MESSAGE BOX ============================== */
[class*="messageBox-"] {	
	padding: 14px 20px 14px 63px;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	border-color: #E3E5E8 #E3E5E8 #C8C9CD #E3E5E8;
	background-position: 15px center;
    background-repeat: no-repeat;
	margin: 20px 0;
	color: #fff;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
/* Note box */
.messageBox-note {
	color: #85816A;	
    border-color: #F1E9C0 #F1E9C0 #D5CEA9;
	background-color: #FFF7CA;
	background-image: url(../images/messageBox-note.png);
}
/* Info box */
.messageBox-info {
	border-color: #54B1D9 #54B1D9 #4A9DC0 #54B1D9;
	background-color: #57BBE5;
	background-image: url(../images/messageBox-info.png);
}
/* Alert box */
.messageBox-warning {
	border-color: #EB8025 #EB8025 #D07222 #EB8025;
	background-color: #F98726;
	background-image: url(../images/messageBox-alert.png);
}
/* Error box */
.messageBox-error {
	border-color: #BF0013 #BF0013 #A80012 #BF0013;
	background-color: #C90014;
	background-image: url(../images/messageBox-error.png);
}
/* Success box */
.messageBox-success {
	border-color: #29C18F #29C18F #25AA7F #29C18F;
	background-color: #2BCB97;
	background-image: url(../images/messageBox-success.png);
}

/*************************** ARCHIVES ***************************/
#archivesPage article {
	margin-bottom: 10px;
    padding-bottom: 0;
}

#archivesPage article .articleTitle {
    font-size: 18px;
    line-height: 1.2em;
}